﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GroupedButtonsPage.aspx.cs" Inherits="Mobile.Web.Button.GroupedButtonsPage" %>
<%@ Register TagPrefix="mob" Namespace="Mobile.WebControls" Assembly="AMF" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head> 
	<title>Grouped Buttons Page</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

    <mob:MobileResourcesManager ID="MobileResourcesManager1" runat="server"/>
</head> 
<body>


    <mob:MobilePage ID="mbPage1" runat="server">
        <Header>
            <h1>Grouped Buttons Page</h1>
        </Header>
        <Content>
            <p>Your buttons must be contain in a ButtonGroup.</p>
            <p>
            <mob:ButtonGroup runat="server">
            <Content>
            <mob:LinkButton ID="lk1" runat="server" Text="Yes" Url="#"/>
            <mob:LinkButton ID="lk2" runat="server" Text="No" Url="#"/>
            <mob:LinkButton ID="lk3" runat="server" Text="Maybe" Url="#"/>
            </Content>
            </mob:ButtonGroup>

            <p>Set the DataType="Horizontal" in your ButtonGroup.</p>
            <p>
            <mob:ButtonGroup ID="ButtonGroup1" DataType="Horizontal" runat="server">
            <Content>
            <mob:LinkButton ID="lk4" runat="server" Text="Yes" Url="#"/>
            <mob:LinkButton ID="lk5" runat="server" Text="No" Url="#"/>
            <mob:LinkButton ID="lk6" runat="server" Text="Maybe" Url="#"/>
            </Content>
            </mob:ButtonGroup>

            <p>Horizontal grouped buttons with icons:</p>
            <p>
            <mob:ButtonGroup ID="ButtonGroup2" DataType="Horizontal" runat="server">
            <Content>
            <mob:IconLinkButton ID="lk7" runat="server" Text="Up" Icon="UpArrow" Position="Left" Url="#"/>
            <mob:IconLinkButton ID="lk8" runat="server" Text="Down" Icon="DownArrow" Position="Left" Url="#"/>
            <mob:IconLinkButton ID="lk9" runat="server" Text="Delete" Icon="Delete" Position="Left" Url="#"/>
            </Content>
            </mob:ButtonGroup>

            <p>Horizontal grouped buttons, icon only:</p>
            <p>
            <mob:ButtonGroup ID="ButtonGroup3" DataType="Horizontal" runat="server">
            <Content>
            <mob:IconLinkButton ID="lk10" runat="server" Text="Up" Icon="UpArrow" Position="NoText" Url="#"/>
            <mob:IconLinkButton ID="lk11" runat="server" Text="Down" Icon="DownArrow" Position="NoText" Url="#"/>
            <mob:IconLinkButton ID="lk12" runat="server" Text="Delete" Icon="Delete" Position="NoText" Url="#"/>
            </Content>
            </mob:ButtonGroup>


            </p>
        </Content>
        <Footer>
            <h1>Footer</h1>
        </Footer>
    </mob:MobilePage>


</body>
</html>